<%@ page language="java" contentType="text/html; charset=utf-8"
    pageEncoding="UTF-8"%>
<%@ taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c"%>
<!DOCTYPE html>
<html class="panel-fit"><head><style>
.title span{
            background-color: #cee6ff;
            margin-right: 2rem;
        }
        li{
            line-height: 1.5rem;
        }
        li>span{
            display: inline-block;
        }
        li>span:nth-child(1){
            width: 25%;
        }
        li>span:nth-child(2){
            width: 35%;
        }
        li>span:nth-child(3){
            width: 35%;
        }
        html {
            font-size : 18px;
        }
        @media only screen and (min-width: 360px){
            html {
                font-size: 19px !important;
            }
        }
        @media only screen and (min-width: 375px){
            html {
                font-size: 20px !important;
            }
        }
        @media only screen and (min-width: 401px){
            html {
                font-size: 22.5px !important;
            }
        }
        @media only screen and (min-width: 428px){
            html {
                font-size: 26.75px !important;
            }
        }
        @media only screen and (min-width: 481px){
            html {
                font-size: 30px !important;
            }
        }
        @media only screen and (min-width: 569px){
            html {
                font-size: 33px !important;
            }
        }
        @media only screen and (min-width: 641px) {
            html {
                font-size: 40px !important;
            }
        }
        .main_title{
            overflow: hidden;
            font-size: 0.8rem;
            text-align: center;
            height: 4.7rem;
        }
        .cardBuyBtn{
            background:url('${pageContext.request.contextPath}/images/salesImages/card_buy_unselect.png') no-repeat center 2%;
            background-size: 50%;
        }
        .cardBuyBtn:hover,  .cardBuyBtn:active{
            background:url('${pageContext.request.contextPath}/images/salesImages/card_buy_select.png') no-repeat center 2%;
            background-color:#19577a;
            background-size: 50%;
        }
        .agentManagerBtn{
            background:url('${pageContext.request.contextPath}/images/salesImages/agent_manager_unselect.png') no-repeat center 2%;
            background-size: 50%;
        }
        .agentManagerBtn:hover,  .agentManagerBtn:active{
            background:url('${pageContext.request.contextPath}/images/salesImages/agent_manager_select.png') no-repeat center 2%;
            background-color:#19577a;
            background-size: 50%;
        }
        .personalBtn{
            background:url('${pageContext.request.contextPath}/images/salesImages/personal_unselect.png') no-repeat center 2%;
            background-size: 50%;
        }
        .personalBtn:hover,  .personalBtn:active{
            background:url('${pageContext.request.contextPath}/images/salesImages/personal_select.png') no-repeat center 2%;
            background-color:#19577a;
            background-size: 50%;
        }
        .gonggaoBtn{
            background:url('${pageContext.request.contextPath}/images/salesImages/gonggao_unselect.png') no-repeat center 2%;
            background-size: 50%;
        }
        .gonggaoBtn:hover,  .gonggaoBtn:active{
            background:url('${pageContext.request.contextPath}/images/salesImages/gonggao_select.png') no-repeat center 2%;
            background-color:#19577a;
            background-size: 50%;
        }
        button div{
            padding-top:60%;
            font-size:0.8rem;
            color:#333333;
        }
        #topBackId{
            position: relative;
            vertical-align: top;
            top: 30%;
            vertical-align: top;
            border-width: 0 0 1px 1px;
        }
        a .l-btn-left .l-btn-empty{
            width:40px;
        }
        .scroll-wrapper {
            -webkit-overflow-scrolling: touch;
            overflow-y: auto;
        }
        
        .main_title>div {
		    width: 33%;
		    float: left;
		    padding-top: 18%;
		    padding-bottom: 1rem;
		}
		
</style>

    <meta charset="UTF-8">
    <meta name="viewport" content="initial-scale=1.0, maximum-scale=1.0, user-scalable=no">
    <title>俱乐部</title>
    <script type="text/javascript" src="${pageContext.request.contextPath}/js/mobilejs/libMobile/jquery.min.js"></script>
    <script type="text/javascript" src="${pageContext.request.contextPath}/js/mobilejs/libMobile/jquery.easyui.min.js"></script> 
    <script type="text/javascript" src="${pageContext.request.contextPath}/js/common/ajaxEvent.js"></script> 
    <link rel="stylesheet" type="text/css" href="${pageContext.request.contextPath}/js/mobilejs/libMobile/themes/material/easyui.css">  
    <link rel="stylesheet" type="text/css" href="${pageContext.request.contextPath}/js/mobilejs/libMobile/themes/mobile.css">  
    <link rel="stylesheet" type="text/css" href="${pageContext.request.contextPath}/js/mobilejs/libMobile/themes/icon.css">  
    <script type="text/javascript" src="${pageContext.request.contextPath}/js/mobilejs/libMobile/jquery.easyui.mobile.js"></script>
    <script type="text/javascript" charset="utf-8" async="" data-requirecontext="_" data-requiremodule="easyui" src="${pageContext.request.contextPath}/js/mobilejs/libMobile/jquery.easyui.min.js"></script>
    <script type="text/javascript" charset="utf-8" async="" data-requirecontext="_" data-requiremodule="jquery"  src="${pageContext.request.contextPath}/js/mobilejs/libMobile/jquery.easyui.min.js"></script>
    <!-- 获取地域 -->

</head>






<body class="panel-noscroll">
    <div id="header" class="panel navpanel easyui-fluid" style="display: block; width: 100%;position: static;left:0;top: 0">
    <header style="height: 35px;background-color: rgb(25, 87, 122);" class="panel-header panel-header-noborder">
            <div class="m-toolbar" style="background-color:#19577a">
                <div class="m-title" style="color:#ffffff;padding-top:4px;">
                <p id="mainTitleId" style="font-size:20px;margin: 0;text-align:left;"> 
                	我的俱乐部
                </p>
                	<p style="position: absolute;right: 0%;top: 0%" id="userTip">
                	<!-- 代理商，您好！ -->
                	
                	</p>
                </div>
                <div class="m-left" style="margin-top:4px;margin-left:5px;">
	            </div>
                <div class="m-right">
                   <!-- <a href="javascript:void(0)" class="easyui-menubutton" data-options="iconCls:'icon-moreSales',menu:'#cardType_mm',menuAlign:'right',hasDownArrow:false" style="width:41px;height:14px;margin-right:2px;margin-top:-5px;"></a> -->
                </div>
            </div>
        </header><header style="background-color: rgb(255, 255, 255);" class="panel-header panel-header-noborder">
	        
	        <div class="main_title">
			    <div class="agentManagerBtn" id="crowdMyClickId" style="">
			        <div id="roleTopDiv"> 
			       		 我的俱乐部
			        </div>
			    </div>
			    <div class="personalBtn" id="crowdJionClickId" style="">
			        <div>我加入的</div>
			    </div>
			    <div class="gonggaoBtn" id="crowdNoticeClickId" style="">
			    	 <div>处理添加请求</div>
			    </div>
			</div>
        </header>
        
        
    </div> 
    <!-- <hr width="100%" color="#ecf0f1" size="5"> -->
    <div id="iframeId" class="scroll-wrapper" style="/* margin-top: 142px; height: 482px;*/ ">
     	<iframe id="mainContent" onload="setIframeHeight(this)" width="100%"  height="100%" frameborder="0" scrolling="auto" src="${pageContext.request.contextPath}/wechat/crowd_my.html"> 
     	
     	</iframe>
    </div>
	
</body>
<script type="text/javascript">
	function setIframeHeight(iframe) {
		if (iframe) {
			var iframeWin = iframe.contentWindow || iframe.contentDocument.parentWindow;
			if (iframeWin.document.body) {
				
			}
		}			
	};
	$(function () {   
		
		if("${result}"==1){
    		alert("您还未下载体验游戏，不能进入俱乐部，请先下载游戏。");
    		window.location="http://czhy.youlehuyu.cn/crm/wechat/index.html";
    		return;
    	}
		
		buttonInit();
		$("#iframeId").height($(window).height() - $("#header").height());
	});
    
    function buttonInit() {
    	
		$('#crowdMyClickId').click(function() {
			document.getElementById("mainContent").src='${pageContext.request.contextPath}/wechat/crowd_my.html';
		});
		$('#crowdJionClickId').click(function() {
			document.getElementById("mainContent").src='${pageContext.request.contextPath}/wechat/crowd_join.html';
		});
		$('#crowdNoticeClickId').click(function() {
			document.getElementById("mainContent").src='${pageContext.request.contextPath}/wechat/crowd_notice.html';
		});
    }
    
</script>
</html>